<template>
  <span class="text-button" @click="textClick">
    <slot></slot>
  </span>
</template>

<script lang="ts" setup>
    const textClick = () => {}
</script>

<style lang="less" scoped>
.text-button {
  color: @theme-bac-color;
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  margin: 0 6px;
}
.text-button + .text-button:before {
  background: @theme-bac-color;
  content: '';
  width: 2px;
  border-radius: 2px;
  height: 10px;
  position: absolute;
  top: 3px;
  left: -6px;
}
</style>
